.status_bar 
    height: var(--status-bar-height);
    width: 100%;

.m-descripe
    font-size: 12px
    color: #959595
.m-moneyIcon
    font-size: 12px

.flex
    display: flex

.flexAlignItems
    align-items: center

.flexStyle
    display: flex
    align-items: center
    justify-content: center

.flexStyleBetween
    display: flex
    align-items: center
    justify-content: space-between

.flexStyleColumn
    display: flex
    flex-direction: column
    align-items: center
    justify-content: center

.flexColumn
    flex-direction: column

.justifySpaceBetween
    justify-content: space-between

.justifySpaceAround
    justify-content: space-around

.themeAll
    background-color: #f37000
    color: #f37000

.themeBack
    background-color: #f37000

.themeFont
    color: #f37000

.pageBkStyle
    background-color: #f1f1f1


.defaultHeadPic
    display: flex
    width: 130rpx
    height: 130rpx
    border-radius: 50%
    border: 1px solid #ccc
    &.radius10
        border-radius: 20rpx
.fffBackAndround
    background-color: #fff
    border-radius: 15rpx
    box-shadow: 0px 1rpx 3rpx #ccc;

.bottomPopupReward,.bottomPopupReward .uni-popup
,.bottomPopupRef1,.bottomPopupRef1 .uni-popup
,.bottomPopupRef3,.bottomPopupRef3 .uni-popup
    z-index 150 !important

.foodTypeViewContent
    .noDataBox
        background: none
        margin-top: 25%;
.foodIndexContent
    .noDataBox
        height: auto
        padding: 10vh 0 20vh 0;
.merchantProductContent
    .noDataBox
        background: none
.noDataBox
    display: flex
    background-color: #fff
    height: 30vh
    width: 100%
    align-items: center
    justify-content:  center
    flex-direction: column
    &.centerFixed
        position: fixed
        top: 30%
        transform: translateY(-50%)
    .noDataBorder
        display: flex
        align-items: center
        justify-content: center
        .nodataPic
            width: 207px !important
            height: 120px !important
    .noDataTips
        font-size: 26rpx
        color: #a4a4a4
        margin-top: 20rpx
.noMoreBox
    display: flex
    width: 100%
    height: 80rpx
    align-items: center
    justify-content: center
    color #acacac
    .text
        font-size: 26rpx
        display: inline-block
        margin: 0 20rpx

.disabledBtn
    background: #ccc !important;
.fontBold
    font-weight: bold
.confimBox
    display: flex
    margin-top: 70rpx
    .confimBtn
        display: flex
        height: 96rpx
        color: #fff
        font-size: 36rpx
        border-radius: 100rpx
        background-color: #f37000
        flex: 1
        align-items: center
        justify-content: center
        box-shadow: 0px 4rpx 2rpx #ccc;
        transition: all 0.2s
        &:active
            background-color: #be5b07
        &.disabled
            background-color: #ccc
            &:active
                background-color: #ccc

.myCustHeader
    display: flex
    margin-top: 50rpx
    height: 70rpx
    align-items: center
    .myTitle
        font-size: 32rpx
        font-weight: bold
    .inputBox
        display: flex
        align-items: center
        background-color: #fff
        margin-left: 10rpx
        border-radius: 70rpx
        flex: 1
        height: 100%
        .uni-input
            padding: 0 30rpx
            box-sizing: border-box
            font-size: 28rpx
    .emptyBox
        width: 180rpx    
    .filterBtn
        font-size: 28rpx
        color: rgb(51, 51, 51)
        margin-left: 10rpx

.rulePopupBox,.rulePopupBox .uni-popup
    z-index: 9999 !important
    uni-view[name="mask"]
        backdrop-filter: blur(20px) brightness(100%);

.publicStatusRowIt{
    padding: 3rpx 6rpx
    color: rgb(255, 74, 38)
    font-size: 24rpx
    border-radius: 5rpx
    margin-right: 8rpx
    box-sizing: border-box
    border: 1rpx solid rgb(255, 198, 193)
    &:last-child{
        margin-right: 0
    }
}

.user_common_headerBox,.rider_user_head
    box-sizing: border-box
    // padding-top: calc(var(--status-bar-height) + 72rpx)
    padding-top: calc(var(--status-bar-height) + 120rpx)
    position relative
    padding-bottom: 50rpx
    .backImage
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%
    .header
        display: flex
        justify-content: space-between
        padding: 0 24rpx
        .head
            display: flex
            align-items: center
            z-index: 2;
            position: relative;
            .headInfo
                display: flex
                flex-direction: column
                justify-content: space-around
                margin-left: 25rpx
                height: 130rpx
                padding: 10rpx 0 
                box-sizing: border-box
                .name
                    font-size: 34rpx
                    color: #333
                .tel
                    font-size: 28rpx
                    color: #666
                .fillInInfo
                    display: flex
                    align-items: center
                    &:active
                        background-color: #b1590e
                    .composeIcon
                        margin-right: 5rpx
                    .bkBox
                        font-size: 12px
                        border-radius: 8rpx 
                        background-color: #f37000
                        padding: 6rpx 25rpx
                        color: #fff
                        display: flex
                        align-items: center
                        justify-content: center
                .tipsText
                    font-size: 24rpx
                    color: #666
        .setting
            display: flex
            // align-items: flex-end
            // padding-bottom: 15rpx
            align-items: center
            box-sizing: border-box
            justify-content: center
            .settingIcon
                width: 50rpx
                height: 50rpx
                z-index 2